<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"      
      >
 
    <f:view contentType="text/html">
        <h:head>             <meta http-equiv="expires" content="0"></meta>             <meta http-equiv="Cache-Control" content="no-cache"></meta>             <meta http-equiv="Cache-Control" content="no-cache"></meta>
            <title>.:DMES - Login:.</title>
<!--            <meta charset="utf-8"/>
            <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>-->
            
            <link rel="stylesheet" type="text/css" href="#{request.contextPath}/css/style.css"/>
        </h:head>
        <h:body styleClass="backBody">
            <p:ajaxStatus onstart="PF('statusDialog').show()" oncomplete="PF('statusDialog').hide()"/>
            <p:dialog modal="true" widgetVar="statusDialog" header="Cargando..."
                      draggable="false" closable="false" resizable="false">
                <p:graphicImage value="/images/loadBar.gif"/>
            </p:dialog>
            <h:form>
                <p:messages id="messageLogin" autoUpdate="true" closable="true" showSummary="false" showDetail="true" />
            </h:form>
            <div id="container">
                <h3 class="tittle-sip"> SIP INGENIERÍA </h3>
                <h:form styleClass="login" id="formLogin">
                    
                    <p>
                        <label for="login">Usuario:</label>
                    <p:inputText id="login" required="true"  value="#{loginBean.login}" requiredMessage="No se ha ingresado un nombre de usuario">
                        <p:watermark for="login" value="Ingrese el nombre de usuario"/>
                    </p:inputText>
                    </p>

                    <p>
                        <label for="password">Contraseña:</label>
                    <p:password id="password" required="true" value="#{loginBean.password}" requiredMessage="No se ha ingresado una contraseña">
                            <p:watermark for="password" value="*********"/>
                        </p:password>
                    </p>

                    <p class="login-submit">
                    <p:commandButton styleClass="login-button" id="btnLogin" update="password"
                                     title="Presiona para iniciar sesión" action="#{loginBean.doLogin()}">
                        
                    </p:commandButton> 
<!--                        <button type="submit" class="login-button">Login</button>-->
                    </p>

                    <p class="forgot-password"><p:commandLink>¿Olvidaste tu contraseña?</p:commandLink></p>
                </h:form>

            </div>  
        </h:body>
    </f:view>

</html>

